<template>
    <div id="box">

      <div class="container">
        <!-- 具名插槽的使用 -->
        <header>
          <slot name="header"></slot>
        </header>
        <main>

        </main>
        <footer>
          <slot name="footer"></slot>
        </footer>
      </div>
      <button>
        <!-- 插槽的后备内容 -->
        <slot>Submit</slot>
      </button>
    </div>
</template>

<script>
    export default {
        name: "base-button"
    }
</script>

<style scoped>

</style>
